<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>需求列表-闲时网</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../../css/demand/demandList.css" type="text/css">

    <style>

    </style>
</head>

<body>

<%@ include file="../common/nav.jsp"%>


<div class="container-fluid" id="queryform2">
    <div class="row">
        <div class="input-group" style="margin-top:30px;margin-left:20px;width: 40%">
            <input type="text" id="searchName" class="form-control" placeholder="生活/娱乐/其他" onclick="this.placeholder=''" onblur="this.placeholder='生活/娱乐/其他'">
            <span class="input-group-btn">
                    <button class="btn btn-default" type="button" onclick="selectAll()">
                        <span class="glyphicon glyphicon-search"></span>
                    </button>
                </span>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="need1">
            <div class="tabs-container">


                <nav class="navbar navbar" role="navigation">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <a class="navbar-brand" href="/demand/demandList">全部需求</a>
                        </div>

                        <div class="collapse navbar-collapse" >
                            <ul class="nav navbar-nav" id="category" >
                                <c:forEach items="${requestScope.categoryList}" var="t">
                                    <li class="dropdown" id="categoryId" value="${t.id}">
                                        <a href="" class="dropdown-toggle" data-toggle="dropdown" onclick="selectByCategory(${t.id})">
                                                ${t.name}<b class="caret"></b>
                                        </a>
                                        <ul class="dropdown-menu"
                                            style="width: 350px;margin-left:100%;margin-top:-30%;">
                                            <li id="categoryDetailId">
                                                <c:forEach items="${requestScope.categoryDetailList}" var="c">
                                                    <c:if test="${c.categoryId == t.id}">
                                                        <div class="col-md-4">
                                                            <div class="thumbnail" style="border:0;">
                                                                <a  value="${c.id}" style="cursor: pointer;" onclick="selectByCategoryDetail(${c.id})">${c.name}</a>
                                                            </div>
                                                        </div>
                                                    </c:if>
                                                </c:forEach>
                                            </li>
                                        </ul>
                                    </li>
                                </c:forEach>
                            </ul>
                        </div>
                    </div>
                    <hr>
                </nav>
            </div>
        </div>
    </div>

    <br>

    <div class="row">
        <div class="need1">
            <div class="tabs-container">
                <ul class="nav nav-tabs">

                    <li class=""><a href="/demand/demandList" aria-expanded="false">默认</a>
                    </li>
                    <li class=""><a href="/demand/demandBybeginTime" aria-expanded="false">发布时间</a>
                    </li>
                    <li class=""><a href="/demand/demandByCount" aria-expanded="false">成交次数</a>
                    </li>
                    <li class=""><a href="/demand/demandByPrice" aria-expanded="false">价格↑</a>
                    </li>
                    <li class=""><a href="/demand/demandByPriceDesc" aria-expanded="false">价格↓</a>
                    </li>
                    <li style="padding:10px;"><input type="text" id="minPrice"  style="width:40px;height:20px;"></li>
                    <li style="padding:10px;">~</li>
                    <li style="padding:10px;"><input type="text" id="maxPrice" style="width:40px;height:20px;"></li>
                    <li style="padding-top:7px;"><button onclick="demandByPriceRange()">确认</button></li>

                </ul>
            </div>
        </div>
    </div>

    <br>
    <c:forEach items="${requestScope.demandAndNameQueryVoList}" var="t">
        <c:if test="${t.status == 0}">
            <div class="col-md-4">
                <div class="thumbnail">
                    <br>
                    <a onclick="serviceDetail(${t.id})" ><img src="${t.path}" alt="" style="width: 200px;height: 200px"></a>
                    <br>
                    <span style="font-size: 20px;">￥${t.price}</span><span>/${t.chargetype}</span>
                    <p>${t.title}</p>
                    <div style="overflow: hidden">
                        <p style="float: left">${t.name}</p>
                        <p style="float:right">${t.city}</p>
                    </div>
                </div>
            </div>
        </c:if>
    </c:forEach>
    <%--<c:forEach items="${requestScope.demandList}" var="t">--%>
    <%--<div class="col-md-4">--%>
        <%--<div class="thumbnail">--%>
            <%--&lt;%&ndash;循环的开始&ndash;%&gt;--%>
            <%--<br>--%>
                <%--<c:if test="${t.status==0}">--%>
            <%--<a href="demandDetail"><img src="../../imgs/touxiang.jpg" alt=""></a>--%>
            <%--<br>--%>
            <%--<span style="font-size: 20px;">${t.price}</span><span>/元</span>--%>
            <%--<p>${t.intro}</p>--%>
            <%--<div style="overflow: hidden">--%>

                <%--<c:forEach items="${requestScope.userInfoList}" var="n">--%>
                <%--<p style="float: left">${n.name}</p>--%>
                <%--</c:forEach>--%>
                <%--<p style="float:right">${t.province}${t.city}${t.area}</p>--%>
            <%--</div>--%>
                <%--</c:if>--%>
        <%--</div>--%>
    <%--</div>--%>

    <%--</c:forEach>--%>


    <%--<div class="container" style="text-align: center">--%>
        <%--<ul class="pagination">--%>
            <%--<li><a href="javascript:goPage(1)">首页</a></li>--%>

            <%--&lt;%&ndash;上一页&ndash;%&gt;--%>
            <%--<c:if test="${pageInfo.pageNum>1}">--%>
                <%--<li><a href="javascript:goPage(${pageInfo.pageNum-1})">&laquo;</a></li>--%>
            <%--</c:if>--%>
            <%--<c:if test="${pageInfo.pageNum<=1}">--%>
                <%--<li class="disabled"><a>&laquo;</a></li>--%>
            <%--</c:if>--%>

            <%--<!--循环标签显示 - 显示5个--%>
                <%--思路 - 起始值 - 从当前页--%>
            <%---->--%>
            <%--&lt;%&ndash;处理一下最终的页数&ndash;%&gt;--%>

            <%--<c:if test="${pageInfo.pageNum+4<pageInfo.pages}">--%>
                <%--<c:set var="startPage" value="${pageInfo.pageNum}"></c:set>--%>
            <%--</c:if>--%>

            <%--<c:if test="${pageInfo.pageNum+4>=pageInfo.pages}">--%>
                <%--<c:set var="startPage" value="${pageInfo.pages-4}"></c:set>--%>
            <%--</c:if>--%>

            <%--<c:forEach begin="${startPage<=0?1:startPage}" end="${startPage+4}" var="n">--%>
                <%--&lt;%&ndash;判断当前页是否高亮显示&ndash;%&gt;--%>
                <%--<li <c:if test="${pageInfo.pageNum == n}">class='active'</c:if>> <a href="javascript:goPage(${n})">${n}</a></li>--%>
            <%--</c:forEach>--%>


            <%--&lt;%&ndash;下一页&ndash;%&gt;--%>
            <%--<c:if test="${pageInfo.pageNum<pageInfo.pages}">--%>
                <%--<li><a href="javascript:goPage(${pageInfo.pageNum+1})">&raquo;</a></li>--%>
            <%--</c:if>--%>
            <%--<c:if test="${pageInfo.pageNum>=pageInfo.pages}">--%>
                <%--<li class="disabled"><a>&raquo;</a></li>--%>
            <%--</c:if>--%>

            <%--<li><a href="javascript:goPage(${pageInfo.pages})">尾页</a></li>--%>
            <%--<li><a href="#">当前页${pageInfo.pageNum}/${pageInfo.pages}总页</a></li>--%>


        <%--</ul>--%>
    <%--</div>--%>


    <%--<div class="col-md-12">--%>
        <%--<ul class="pagination" style="padding-left: 30%;">--%>
            <%--<li><a href="#" style="border: 0px;"></a></li>--%>
            <%--<li><a href="#">&laquo;</a></li>--%>
            <%--<li><a href="#">1</a></li>--%>
            <%--<li><a href="#">2</a></li>--%>
            <%--<li><a href="#">3</a></li>--%>
            <%--<li><a href="#">4</a></li>--%>
            <%--<li><a href="#">5</a></li>--%>
            <%--<li><a href="#">&raquo;</a></li>--%>
        <%--</ul>--%>
    <%--</div>--%>

</div>
<div class="container-fluid" id="queryform3">
    <div class="row">
        <div class="search-mode"></div>
        <div class="search-release-ser">
            <h2>
                没有能做的需求？ <br> 展示挖掘潜在需求方！
            </h2>
            <p>发布服务，增加品牌曝光宣传，<br>让更多需求方可以找到你，加速带来订单！</p>

            <a href="services/serviceRelease" aria-expanded="false"><button class="btn btn-default">
                立即发布我的服务</button></a>
        </div>
    </div>
</div>
<div id="content">

</div>

<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="../../plugins/jquery/jquery.min.js"></script>
<script src="../../js/demand/demandList.js"></script>
<!--引入bootstrap的js文件-->
<script src="../../plugins/bootstrap/js/bootstrap.js"></script>

<%--<script>--%>
    <%--function goPage(pageNum){--%>
        <%--window.location="${path}/demand/demandList?pageNum="+pageNum;--%>
    <%--}--%>
<%--</script>--%>
</body>

</html>